<!doctype html>
<html lang="en">
<head>
    <title>首页</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no, email=no" />
    <link rel="stylesheet" type="text/css" href="css/ui.css?20150615" />
    <link rel="stylesheet" type="text/css" href="css/index.css?20150615" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script src="js/libs/iscroll-probe.js"></script>
    <script src="js/libs/idangerous.swiper.min.js"></script>
</head>
<body>
    <!--以下部分是主要内容-->
    <div id="main">
        <div class="nav hd" id="nav">
            <ul class="line" style="width: 200%;">
                <!-- ajax 加载写data-mod -->
                <li><a data-mod="index"href="javascript:void(0);">头条</a></li>
                <li><a data-mod="hot"href="javascript:void(0);">热点</a></li>
                <li><a data-mod="rank"ref="javascript:void(0);">排行</a></li>
                <li><a data-mod="index"ref="javascript:void(0);">兴趣</a></li>
                <li><a data-mod="ws"href="javascript:void(0);">微商</a></li>
                <li><a data-mod="index"href="javascript:void(0);">更多</a></li>
                <li><a data-mod="sport"href="javascript:void(0);">体育</a></li>
                <li><a data-mod="index"href="javascript:void(0);">财经</a></li>
            </ul>
        </div>
        <div class="page-container swiper-container">
            <div class="swiper-wrapper" id="pages">
                
            </div>
        </div>
        
        <!-- <div id="_downLine101" attr-autoload="1">
            <div class="wx_loading2">
                <i class="wx_loading_icon loading">
                </i>
            </div>
        </div> -->
    </div>
    <!--以上部分是主要内容-->
    <!--以下部分是底部footer-->
    <footer class="flexbox footer">
        <!--没有fonticon可以用。 单独写 方便做active-->
        <a href="index.html" target="_self" class="flexbox-item nth1 active"><i></i><span>首页</span></a>
        <a href="chuangye.html" target="_self" class="flexbox-item nth2"><i></i><span>创业帮</span></a>
        <a href="dream.html" target="_self" class="flexbox-item nth3"><i></i><span>梦工厂</span></a>
        <a href="admin.html" target="_self" class="flexbox-item nth4"><i></i><span>我的</span></a>
    </footer>
    <!--以上部分是底部footer-->
    <div class="ajax-pop" id="ajax-pop">
        <div class="ajax-load">
            <i class="wx_loading_icon">
            </i>
        </div>
    </div>
    <div class="article-container" id="article-container">
        <div class="article-view">
            <header class="header">
                <!--左边icon-->
                <div class="header-left">
                    <a class="header-back" href="javascript:void(0)" target="_self"></a>
                </div>
                <!--可以使用h1或者其余的tag .header-title-->
                <h1>文章详情</h1>
                <div class="header-right">
                    <a href="">分享</a>
                </div>
            </header>
            <div class="article-bd">
                <div class="article-loading">
                    <i class="wx_loading_icon loading"></i>
                </div>
            </div>
            
        </div>
    </div>
    <script type="text/tpl" id="page_tpl">
    <div class="page-view swiper-slide" id="{id}">
           <div class="page-content"></div>
           <div class="page-load-helper">
               <i class="wx_loading_icon loading">
               </i>
           </div>
           <div id="_downLine101" attr-autoload="1" style="display: none">
               <div class="wx_loading2">
                   <i class="wx_loading_icon loading">
                   </i>
               </div>
           </div>
        </div>
    </script>
    <script type="text/tpl" id="media_small">
    <div class="p1 clearfix">
        <div class="p1_con clearfix">
            <a href="javascript:void(0);" data-id="{id}" class="js-article">
                <div class="p1_conl">
                    <h1>{title}</h1>
                    <p>{desc}</p>
                </div>
                <div class="p1_conr"><img src="{img}" width="180" height="120" /></div>
            </a>
        </div>
    </div>
    </script>
    <script type="text/tpl" id="media_big">
    <div class="p2 clearfix">
        <div class="p2_con">
            <a href="javascript:void(0);" data-id={id} class="js-article">
                <img src="{img}" width="582" height="208" />
                <p>{title}</p>
            </a>
        </div>
    </div>
    </script>
    <script type="text/javascript" src="js/p1/index.ajax.js"></script>
</body>
</html>
